<script setup>
import { ref } from 'vue';
import Department from './department.vue';

const tabs = ref('组织列表');
</script>

<template>
  <div class="view flex-column">
    <!-- <el-tabs v-model="tabs" class="demo-tabs">
      <el-tab-pane label="组织树" name="组织树"></el-tab-pane>
      <el-tab-pane label="组织列表" name="组织列表"></el-tab-pane>
    </el-tabs>
    
    <div class="frameTree" v-if="tabs === '组织树'"></div>
    
    <Department v-else /> -->
    
    <Department />
  </div>
</template>

<style lang="scss" scoped>
.view {
  background-color: transparent;
  height: 100%;
  width: 100%;
}
.el-tabs {
  width: 100%;
  background: #FFFFFF;
  padding: 0 20px;
  position: relative;
  z-index: 1;
  :deep(.el-tabs__header) {
    margin-bottom: 0;
  }
}
</style>